<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="base.css" />
	<link rel="stylesheet" type="text/css" href="icon/iconfont.css" />
	<link rel="stylesheet" type="text/css" href="xiaomi.css" />
	<script src="jquery/jquery.js"></script>
	<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
	<script src="common.js"></script>
	<script src="xiaomi.js"></script>
</head>

<body>
	<div class="right">
		<div class="right1">
			<h2><img src="" /></h2>
			<p><a href="">人工客服</a></p>
		</div>
		<div class="right2">
			<h2></h2>
			<p><a href="">购物车</a></p>
		</div>
	</div>
	<header>
		<div class="main">
			<ul>
				<li><a href="" style="padding-left: 0;">小米商城</a><span>|</span></li>
				<li><a href="">MIUI</a><span>|</span></li>
				<li><a href="">loT</a><span>|</span></li>
				<li><a href="">云服务</a><span>|</span></li>
				<li><a href="">天星数科</a><span>|</span></li>
				<li><a href="">有品</a><span>|</span></li>
				<li><a href="">小爱开放平台</a><span>|</span></li>
				<li><a href="">企业团购</a><span>|</span></li>
				<li><a href="">资质证照</a><span>|</span></li>
				<li><a href="">协议规则</a><span>|</span></li>
				<li><a href="">下载app</a><span>|</span></li>
				<li><a href="">智能生活</a><span>|</span></li>
				<li><a href="">Select Location</a></li>
			</ul>
			<ol class="top_login">
				<li><a href="login.html">登陆</a><span>|</span></li>
				<li><a href="regist.html">注册</a><span>|</span></li>
				<li><a href="">消息通知</a></li>
				<li><img src="image/cart2.png" alt="" style="width: 20px;height: 20px;padding-top: 5px;"/><a href="">购物车（0）</a></li>
			</ol>
		</div>
	</header>
	<!--  header over-->
	<nav>
		<div class="main">
			<div class="top">
				<img src="xiaomipic/xiaomi.png" />
				<ul>
					<li><a href="">小米手机</a><div></div></li>
					<li><a href="">Redmi红米</a><div></div></li>
					<li><a href="">电视</a><div></div></li>
					<li><a href="">笔记本</a><div></div></li>
					<li><a href="">家电</a><div></div></li>
					<li><a href="">路由器</a><div></div></li>
					<li><a href="">智能硬件</a><div></div></li>
					<li><a href="">服务</a></li>
					<li><a href="">社区</a></li>
				</ul>
				<script>
					$('nav .top li a').on('mouseenter',function(){
						$(this).next().css({
								'display': 'block',
								'width': '100%',
								'height': '300px',
								'background-color': 'white',
								'position': 'absolute',
								'top': '100px',
								'left': '0',
								'border-top':'1px solid black',

								'z-index':'100'
							})
						$('nav .top li ').on('mouseleave',function(){
							$($(this).children().get(1)).css('display','none');						
						})
					})
				</script>
				<form action="">
					<input type="search" placeholder="红米" />
					<input type="button" id="" value="" />
				</form>
			</div>
			<div class="middle">
				<button class="btn left_btn" ><</button>
				<div class="lunbo">
					
					<a href=""><img src="xiaomipic/08f06f547262f9283394da82cc1a9e86.webp" /></a>
					<a href=""><img src="xiaomipic/67c7222fbcf98db942718eaf29f32297.webp" /></a>
					<a href=""><img src="xiaomipic/918820682e4a490221cfd92b24c14b86.webp" /></a>
					<a href=""><img src="xiaomipic/a532e33470d046b3f044d5ea49fc5e9e.webp" /></a>

				</div>
				<!-- <div class="icon">
					<b></b>
					<b></b>
					<b></b>
					<b></b>
				</div> -->
				<ul class="left">
	
				</ul>
				<button class="btn right_btn">></button>
			</div>
			<div class="bottom">
				
					<div class="left">
						<ul>
							<li><a href="">小米秒杀</a></li>
							<li><a href="">企业团购</a></li>
							<li><a href="">F码通道</a></li>
							<li><a href="">米粉卡</a></li>
							<li><a href="">以旧换新</a></li>
							<li><a href="">话费充值</a></li>
						</ul>
					</div>
					<div class="bottom-right">
						 <ul>
							<li><a href=""><img src="xiaomipic/xiaomi01.jpg" /></a></li>
							<li><a href=""><img src="xiaomipic/xiaomi02.jpg" /></a></li>
							<li><a href=""><img src="xiaomipic/xiaomi03.jpg" /></a></li>
						</ul>
				    </div>

			</div>
		</div>
	</nav>
	<section>
		<div class="main">
			<div class="miaosha">
				<div class="miaosha-header">
					<p><a href="">小米秒杀</a></p>
					<form action="">
						<input type="button" id="" value="<" /><input type="button" id="" value=">" />
					</form>
				</div>
				<div class="miaosha-middle">
					<ul>
						<li><a href=""><img src="xiaomipic/xiaomi0401.png" /></a></li>
						<li><a href="">
							<img src="xiaomipic/xiaomi0402.png" /></a>				
								<!-- <img src="img/images/xiaomi12.jpg">
								<p>日常元素抽纸标准版18包/箱</p>
								<h4>长抽纸,给你舒适与洁净</h4>
								<h5>39.9元<del>49元</del></h5>							 -->
                        </li>
						<li><a href=""><img src="xiaomipic/xiaomi0403.png" /></a></li>
						<li><a href=""><img src="xiaomipic/xiaomi0404.png" /></a></li>
						<li><a href=""><img src="xiaomipic/xiaomi0405.png" /></a></li>
					</ul>
				</div>

				<div class="miaosha-bottom">
					<img src="xiaomipic/xiaomi05.png" />
				</div>
			</div>
			<div class="phone">
				<div class="phone-top">
					<p>手机</p>
					<i class="iconfont">&#xe777;</i>
					<span><a href="">查看更多</a></span>
				</div>
				<div class="phone-middle">
					<ul>
						<li>
							<div><a href=""><img src="xiaomipic/xiaomi0501.png" /></a></div>
						</li>
						<li class="li1">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0502.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0502.png" /></a>
							</div>
						</li>
						<li class="li2">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0503.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0503.png" /></a>
							</div>
						</li>
						<li class="li3">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0504.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0504.png" /></a>
							</div>
						</li>
						<li class="li4">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0505.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0505.png" /></a>
							</div>
						</li>
					</ul>
				</div>
				<div class="phone-bottom">
					<img src="xiaomipic/xiaomi0510.png" />
				</div>
			</div>
			<div class="tv" id="#tv">
				<div class="tv-top">
					<h2>家电</h2>
					<span><a href="">电视影音</a></span>
					<p><a href="">热门</a></p>

				</div>
				<div class="tv-middle">
					<ul>
						<li class="li1">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0701.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0702.png" /></a>
							</div>
						</li>
						<li class="li2">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0704.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0708.png" /></a>
							</div>
						</li>
						<li class="li3">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0703.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0708.png" /></a>
							</div>
						</li>
						<li class="li4">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0708.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0708.png" /></a>
							</div>
						</li>
						<li class="li5">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0709.png" /></a>
							</div>
							<div class="bottom">
								<div class="top">
									<a href=""><img src="xiaomipic/xiaomi0705.png" /></a>
								</div>
								<div class="bottom">
									<a href=""><img src="xiaomipic/xiaomi0706.png" /></a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="tv-bottom">
					<a href=""><img src="xiaomipic/xiaomi0707.png" /></a>
				</div>
			</div>
			<div class="zhineng">
				<div class="zhineng-top">
					<h2>智能</h2>
					<p><span><a href="">热门</a></span><span><a href="">安防</a></span><span><a href="">出行</a></span></p>
				</div>
				<div class="zhineng-middle">
					<ul>
						<li class="li1">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0802.png" /></a>
							</div>
						</li>
						<li class="li2">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0804.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0803.png" /></a>
							</div>
						</li>
						<li class="li3">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0805.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0802.png" /></a>
							</div>
						</li>
						<li class="li4">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0806.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0804.png" /></a>
							</div>
						</li>
						<li class="li5">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0807.png" /></a>
							</div>
							<div class="bottom">
								<div class="top">
									<a href=""><img src="xiaomipic/xiaomi0910.png" /></a>
								</div>
								<div class="bottom">
									<a href=""><img src="xiaomipic/xiaomi0706.png" /></a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="zhineng-bottom">
					<a href=""><img src="xiaomipic/xiaomi0810.png" /></a>
				</div>
			</div>
			<div class="dapei">
				<div class="dapei-top">
					<h2>搭配</h2>
					<p><span><a href="">热门</a></span><span><a href="">耳机音箱</a></span></p>
				</div>
				<div class="dapei-middle">
					<ul>
						<li class="li1">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0802.png" /></a>
							</div>
						</li>
						<li class="li2">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0803.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0804.png" /></a>
							</div>
						</li>
						<li class="li3">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0802.png" /></a>
							</div>
						</li>
						<li class="li4">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0803.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0804.png" /></a>
							</div>
						</li>
						<li class="li5">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<div class="top">
									<a href=""><img src="xiaomipic/xiaomi1010.png" /></a>
								</div>
								<div class="bottom">
									<a href=""><img src="xiaomipic/xiaomi0706.png" /></a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="dapei-bottom">
					<a href=""><img src="xiaomipic/xiaomi1011.png" /></a>
				</div>
			</div>
			<div class="peijian">
				<div class="peijian-top">
					<h2>配件</h2>
					<p><span><a href="">热门</a></span><span><a href="">充电器</a></span></p>
				</div>
				<div class="peijian-middle">
					<ul>
						<li class="li1">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0802.png" /></a>
							</div>
						</li>
						<li class="li2">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0803.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0804.png" /></a>
							</div>
						</li>
						<li class="li3">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0802.png" /></a>
							</div>
						</li>
						<li class="li4">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0803.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi0804.png" /></a>
							</div>
						</li>
						<li class="li5">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi0801.png" /></a>
							</div>
							<div class="bottom">
								<div class="top">
									<a href=""><img src="xiaomipic/xiaomi1110.png" /></a>
								</div>
								<div class="bottom">
									<a href=""><img src="xiaomipic/xiaomi0706.png" /></a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="peijian-bottom">
					<a href=""><img src="xiaomipic/xiaomi1111.png" /></a>
				</div>

			</div>

			<div class="around">
				<div class="around-top">
					<h2>周边</h2>
					<p><span><a href="">热门</a></span><span><a href="">出行</a></span></p>
				</div>
				<div class="around-middle">
					<ul>
						<li class="li1">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi1201.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi1206.png" /></a>
							</div>
						</li>
						<li class="li2">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi1202.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi1207.png" /></a>
							</div>
						</li>
						<li class="li3">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi1203.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi1208.png" /></a>
							</div>
						</li>
						<li class="li4">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi1204.png" /></a>
							</div>
							<div class="bottom">
								<a href=""><img src="xiaomipic/xiaomi1209.png" /></a>
							</div>
						</li>
						<li class="li5">
							<div class="top">
								<a href=""><img src="xiaomipic/xiaomi1205.png" /></a>
							</div>
							<div class="bottom">
								<div class="top">
									<a href=""><img src="xiaomipic/xiaomi1210.png" /></a>
								</div>
								<div class="bottom">
									<a href=""><img src="xiaomipic/xiaomi0706.png" /></a>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="around-bottom">
					<a href=""><img src="xiaomipic/xiaomi1211.png" /></a>
				</div>
			</div>
			<div class="shiping">
				<div class="shiping-top">
					<h2>视频</h2>
					<i class="iconfont">&#xe777;</i>
					<span><a href="">查看更多</a></span>
				</div>
				<div class="shiping-middle">
					<ul>
						<li>
							<video muted="muted"
								src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/812358b69886e576c66a01f1f00affe9.mp4"
								controls="controls" preload="none" poster="xiaomipic/xiaomisp01.png"></video>
							<a href="">2021年春季新品发布会第—场</a>
						</li>
						<li>
							<video
								src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/11c70c96529b6e6938567ec1aa0910e0.mp4"
								controls="controls" preload="none" poster="xiaomipic/xiaomisp02.png"></video>
							<a href="">Redmi 10X系列发布会</a>
							<p>Redmi 10X系列发布会</p>
						</li>
						<li>
							<video
								src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cdabcaa763392c86b944eaf4e68d6a3.mp4"
								controls="controls" preload="none" poster="xiaomipic/xiaomisp03.png"></video>
							<a href="">小米10青春版发布会</a>
						</li>
						<li>
							<video
								src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4"
								controls="controls" preload="none" poster="xiaomipic/xiaomisp04.png"></video>
							<a href="">小米10 8K手机拍大片</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>
	<footer>
		<div class="main">
			<div class="footer-top">
				<ul>
					<li><a href=""><i class="iconfont">&#xe62d;</i>预约维修服务</a></li>
					<li><a href=""><i class="iconfont">&#xe638;</i>7天无理由退货</a></li>
					<li><a href=""><i class="iconfont">&#xe639;</i>⑤15天免费换货</a></li>
					<li><a href=""><i class="iconfont">&#xe610;</i>满69包邮</a></li>
					<li><a href=""><i class="iconfont">&#xe636;</i>520余家售后网点</a></li>
				</ul>
			</div>
			<div class="footer-middle">
				<ul>
					<li>
						<dl class="d1">
							<dt>帮助中心</dt>
							<dd><a href="">账户管理</a></dd>
							<dd><a href="">购物指南</a></dd>
							<dd><a href="">订单操作</a></dd>
						</dl>
					</li>
					<li>
						<dl>
							<dt>服务支持</dt>
							<dd><a href="">售后政策</a></dd>
							<dd><a href="">自助服务</a></dd>
							<dd><a href="">相关下载</a></dd>
						</dl>
					</li>
					<li>
						<dl>
							<dt>线下门店</dt>
							<dd><a href="">小米之家</a></dd>
							<dd><a href="">服务网点</a></dd>
							<dd><a href="">授权体验店</a></dd>
						</dl>
					</li>
					<li>
						<dl>
							<dt>关于小米</dt>
							<dd><a href="">了解小米</a></dd>
							<dd><a href="">加入小米</a></dd>
							<dd><a href="">投资者关系</a></dd>
							<dd><a href="">企业社会责任</a></dd>
							<dd><a href="">廉洁举报</a></dd>
						</dl>
					</li>
					<li>
						<dl>
							<dt>关注我们</dt>
							<dd><a href="">新浪微博</a></dd>
							<dd><a href="">官方微信</a></dd>
							<dd><a href="">联系我们</a></dd>
							<dd><a href="">公益基金会</a></dd>
						</dl>
					</li>
					<li>
						<dl>
							<dt>特色服务</dt>
							<dd><a href="">F码通道</a></dd>
							<dd><a href="">礼物码</a></dd>
							<dd><a href="">防伪查询</a></dd>
						</dl>
					</li>
				</ul>
				<div class="footer-middle-right">
					<h2>400-100-5678</h2>
					<span>8:00-18:00 &nbsp; (仅收市话费)</span>
					<h3><a href=""><i class="iconfont">&#xe6cd;</i>人工客服</a></h3>
					<p>关注小米：<a href=""><b class="iconfont">&#xea8c;</b><b class="iconfont">&#xe61a;</b></a></p>
				</div>

			</div>

		</div>
	</footer>
	<div class="main-bottom">
		<div class="footer-bottom">
			<b><img src="xiaomipic/xiaomi.png" /></b>
			<div class="footer-bottom-right">
				<dl>
					<dt>
						<a href="">小米商城</a> |
						<a href="">MIUI</a> |
						<a href="">米家</a> |
						<a href="">米聊</a> |
						<a href="">多看</a> |
						<a href="">游戏</a> |
						<a href="">政企服务</a> |
						<a href="">小米天猫店</a> |
						<a href="">小米集团隐私政策</a> |
						<a href="">小米商城用户协议</a> |
						<a href="">问题反馈 </a> |
						<a href="">Select Location</a> <br />
						<a href="">北京互联网法院法律服务工作站</a> |
						<a href="">中国消费者协会</a> |
						<a href="">北京市消费者协会</a>
					</dt>
					<dd>
						&copy;
						<a href="">mi.com</a>京ICP证110507号
						<a href="京ICP备10046444号"></a>
						<a href="">京公网安备11010802020134号</a>
						<a href="京网文[2020]0276-042号"></a><br />
						<a href="">(京) 网械平台备字(2018） 第00005号</a>
						<a href="">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
						<a href="">营业执照</a>
						<a href="">医疗器械质量公告</a> <br />
						<a href="">增值电信业务许可证</a>网络食品经营备案 京食药网食备202010048
						<a href="">食品经营许可证</a> <br />
						违法和不良信息举报电话: 171-5104-4404
						<a href="">知识产权侵权投诉 </a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试

					</dd>
					<dd>
						<a href=""><img src="xiaomipic/xiaomi1401.png" alt="" /></a>
						<a href=""><img src="xiaomipic/xiaomi1402.png" alt="" /></a>
						<a href=""><img src="xiaomipic/xiaomi1403.png" alt="" /></a>
						<a href=""><img src="xiaomipic/xiaomi1404.png" alt="" /></a>
						<a href=""><img src="xiaomipic/xiaomi1405.png" alt="" /></a>
					</dd>


				</dl>
			</div>

		</div>
		<p>让全球每个人都能享受科技带来的美好生活</p>
	</div>



</body>

</html>